<template>
		<view class="name">
			<!-- <image :src="imgUrl+'/orderLIst/shopImage.png'" class="shopImage"></image> -->
			<image :src="imgUrl+'/address/shopImage.png'" class="shopImage"></image>
			<view class="viewWidthTitle">
				<!-- <text class="iconfont3 u-font40 " style="color: #3775F6;vertical-align: middle;">&#xe655;</text> -->
				
				<text  style="vertical-align: middle;">{{value}}</text>
				<view class="ziying">自营</view>
			</view>
			<!-- <text  class="u-1A1A1A u-font30 u-ml15 tag">{{proxy?'第三方':'自营'}}</text> -->
			<!-- 联系客服 -->
			<text v-if="showCustomer" class="callImage" @click="call()" style="color: #FF721B;">
				<text class="iconfont2 u-font40 u-mr5">&#xe612;</text>
			</text>
			<text class="waitAuditing" v-if="shopStatus">待审核</text>
			<image :src="imgUrl+'/personal/right.png'" class="personalRight"></image>
		</view>
</template>

<script>
	export default{
		props:{
			shopStatus:{
				type:Boolean,
				default:true
			},
			proxy:{
				type:Boolean,
				default:false
			},
			phone:{
				type:String,
				default: ''
			},
			showCustomer:{
				type:Boolean,
				default:false
			},
			value:{
				type:String,
				default:''
			}
		},
		data(){
			return {
				imgUrl: this.$mConfig.staticUrl,
			}
		},
		methods:{
			call(){
				let that = this;
				uni.makePhoneCall({
				  phoneNumber: that.phone
				});
			}
		}
	}
</script>

<style scoped>
	.right-icon {
		font-size: 25rpx;
	}
	.name {
		/* padding-bottom: 25rpx; */
		/* border-bottom: 1px solid #E7E7E7; */
		/* height: 100rpx; */
		/* padding-bottom: 30rpx; */
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
	} 
	.shopImage{
		width: 35rpx;
		height: 35rpx;
	}
	.viewWidthTitle{
		font-weight: 400;
		font-size: 27rpx;
		color: #333333;
		line-height: 23rpx;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
		margin-left: 8rpx;
		width: auto;
		
	
	}
	.ziying{
		width: 58rpx;
		height: 27rpx;
		background: #FF211F;
		border-radius: 6rpx 6rpx 6rpx 6rpx;
		font-weight: 500;
		font-size: 17rpx;
		color: #FFFFFF;
		line-height: 12rpx;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		margin-left: 12rpx;
	}
	.waitAuditing{
		font-weight: 400;
		font-size: 27rpx;
		color: #333333;
		line-height: 23rpx;
		margin-left: 12rpx;
	}
	.callImage{
		margin-left: 12rpx;
	}
	.personalRight{
		width: 8rpx;
		height: 15rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
		margin-left: 12rpx;
	}
</style>
